 /* ----------------------------- element-plus样式深度穿透 ------------------------------------- */

 .time-period-picker{
    :deep(.el-input__wrapper) {
      background-color: transparent !important;
    }
    
    :deep(.el-input__inner) {
      color: #fff;
    }

    :deep(.el-input__wrapper.is-focus) {
      box-shadow: 0 0 0 0.06rem rgba(255, 255, 255, 0.9) inset;
    }

    :deep(.el-input__prefix) {
      color: #fff;
    }
  }

  .search-form{
    :deep(.el-input__wrapper) {
      background: linear-gradient(90deg, #0b3571, rgba(11, 53, 113, 0) 100%);
      box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) inset;
    }

    :deep(.el-input__inner) {
      color: #fff;
    }

    :deep(.el-input__wrapper) {
      background: linear-gradient(90deg, #0b3571, rgba(11, 53, 113, 0) 100%);
      box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) inset;
    }

    :deep(.el-form-item__label) {
      color: #fff !important;
      font-size: 12px;
    }
  }

  .pagination {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    padding: 12px;

    :deep(.el-pagination__total),
    :deep(.el-pagination__goto) {
      color: #fff;
      margin-right: 1rem;
    }

    /* 箭头按钮样式 */
    :deep(.btn-next),
    :deep(.btn-prev) {
      color: #fff;
      background-color: transparent !important;
    }

    :deep(.el-pagination__sizes .el-select) {
      width: 8rem;
    }
    
    :deep(.el-pagination__classifier),
    :deep(.el-input__inner),
    :deep(.el-select__selected-item),
    :deep(.el-select__caret) {
      color: #fff;
    }

    :deep(.el-select__wrapper) {
      background: linear-gradient(90deg, #0b3571, rgba(11, 53, 113, 0) 100%);
      box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) inset;
    }
    
    :deep(.el-input__wrapper) {
      background: linear-gradient(90deg, #0b3571, rgba(11, 53, 113, 0) 100%);
      box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) inset;
    }
  }

   :deep(.el-table) {
    background-color: transparent;
    --el-table-border: none;
    --el-table-border-color: transparent;
    color: white;
    --el-table-row-hover-bg-color: unset;

    :deep(.el-table__row:nth-child(odd)) {
      background-color: #223671;
    }
  }

   :deep(.el-table__inner-wrapper::before) {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
  }
   :deep(.el-table__row:nth-child(odd)) {
    background-color: #223671;
  }
   :deep(.el-table__row:nth-child(even)) {
    background-color: #0c1d5e;
  }

   :deep(.el-table th),
   :deep(.el-table tr),
   :deep(.el-table td) {
    background-color: transparent;
  }

   :deep(.el-table__body tr:nth-child(odd) > td.el-table-fixed-column--left) {
    background-color: #223671 !important;
  }
   :deep(.el-table__body tr:nth-child(even) > td.el-table-fixed-column--left) {
    background-color: #0c1d5e !important;
  }

   :deep(.el-table__body tr:nth-child(odd) > td.el-table-fixed-column--right) {
    background-color: #223671 !important;
  }
   :deep(.el-table__body tr:nth-child(even) > td.el-table-fixed-column--right) {
    background-color: #0c1d5e !important;
  }

   :deep(.el-table__fixed, .el-table-fixed-column--left) {
    background-color: transparent !important;
  }

  .el-text {
    color: rgb(149, 212, 117);
    font-weight: 700;
  }

  .select{
    :deep(.el-select .el-input__wrapper) {
      background: #0b3571;
    }
    
    :deep(.el-select:hover:not(.el-select--disabled) .el-input__wrapper) {
      background: #0b3571;
    }

    :deep(.el-select .el-input.is-focus .el-input__wrapper) {
      box-shadow: 0 0 0 0 var(--el-select-input-focus-border-color) inset !important;
    }

    :deep(.el-select:hover:not(.el-select--disabled) .el-input__wrapper) {
      box-shadow: 0 0 0 0 var(--el-select-input-focus-border-color) inset !important;
    }

    :deep(.el-select__wrapper) {
      background: linear-gradient(90deg, #0b3571, rgba(11, 53, 113, 0) 100%);
      box-shadow: 0 0 0 0 var(--el-input-border-color, var(--el-border-color)) inset;
    }

    :deep(.el-select__selected-item) {
      color: #fff;
    }

    :deep(.el-select__inner) {
      color: #fff;
    }

    :deep(.el-form-item__label) {
      margin-right: 1rem;
    }

    :deep(.el-select) {
      width: 1rem;
      right: 1rem;
      color: #fff;
      background-color: transparent !important;
    }

    :deep(.el-select__wrapper) {
      color: #fff;
      background-color: transparent !important;
    }
  }